CSS部分(缺少盒子模型部分)
选择器
标签选择
开启方法 直接写标签div p a ul li.....
class选择器
.className
ID选择器
#idName
复合选择器       以上三个选择器混合使用，优先级最高
复合选择器优先级比较
逐级比较谁更优先例
.a #b ul li{}
.a #b ul .a-1{优先级高}
特殊选择器
.a #b ul li:
:nth-child(0-&)
:first-child
:last-child
选奇数
:nth-child(2n+1)
选偶数
:nth-child(2n)
display属性
block   将该元素转换为块级元素
inline  将该元素转换为行级元素
inline-block 将该元素转换为行级块
none； 将该块隐藏不显示
弹性布局
display:flex;
flex：1；每个获取一份
flex-flow :row nowarp;横向压缩不换行（将纵向的变为横向的并且当外边框小于内容是不会换行）
                      flex-flow:row warp;   横向压缩换行
                                            flex-flow:column  warp;
flex-flow:column nowarp;纵向压缩不换行
                        空白分配
                        justify-content:
                        space-around;块均分空白
                                     space-between;块包围空白
                                                   基于以上两个属性将多个高度不同的块进行对齐；
                                                   align-items:
                                                   center;（用法待添加）

                                                          align-content:
                                                          conter;
背景操作
background:
总属性可以进行多个操作例
URL（'—'）no-repeat
       background-color：
       背景图大小
       background-size：
       contain;（背景图的第一个边接触边界停止扩散）
               cover;	背景最大且完全显示（背景图的第二个边接触边界停止扩散）
                         背景图定位
                         background-position：
                         center；横向居中
                         left top；/10px 10px/10% 10%； 可以有这三种写法
                                                    背景图平铺
                                                    background-repeat：图片平铺设置 默认repeat
                                                    background-repeat-x：横向不平铺
                                                    background-repeat-y：纵向不平铺
                                                    no-repeat；不重复
                                                    背景渐变设置
                                                    background：
                                                    条形渐变
                                                    linear-gradient（to top right，颜色1 ？%，颜色2 ？%，......）
                                                                                              圆形渐变
                                                                                              radial-gradient（颜色1 ？%，颜色2 ？%，......）
                                                                                                                           文本操作
                                                                                                                           内容缩进；
                                                                                                                           text-indent：20px；
                                                                                                                           color：#000000-#ffffff/red /rgb（0-255 0-255 0-255）/rgba（0-255 0-255 0-255 0-1[透明度]）;
字体样式
font-family:
字体加斜
font-style:
normal；普通
italic；加小斜
oblique；加大斜
字体大小
font-size:20px;
横向居中
text-align：center；
纵向居中
line-height:父级行高；
文字加阴影
text-shadow：横向阴影值 纵向阴影值 虚化值；
字体加粗
font-weight：100;（用<strong></strong>标签包裹同效）
                            定位
                            position：
                            relative;相对定位  ；基于自身的位置为原点
                                     absolute；绝对定位 ；基准层一般不会移动所以用relative；基于父级定位元素的位置为原
                                     点如果父级没有定位的则一直向上找一直没有则以body为准
                                     fixed；屏幕定位
                                     优先显示将底下的块调到上层或任意层
                                     z-index:-/+number
                                               浮动
                                               float：浮动的元素脱离文档流，不参加面积计算
                                               left；
                                               right；
                                               clear；清理浮动需要在float元素同级内且没有添加float的样式中添加
                                               left；
                                               right；
                                               both；都清理
